  @use '@/styles/variables' as *;


  .promotionList {
    padding: 5px 10px;

    table {
      border-collapse: collapse;
      width: 100%;
    }

    th {
      height: 3vh;
      font-size: 2vh;
      padding: 0.5vh 0;
      width: 23%;
    }

    td {
      height: 3vh;
      font-size: 2vh;
      text-align: center;
      padding: 0.5vh 0;
    }

    table,
    th,
    td {
      border: $basic-border;
    }

    h4 {
      height: 4vh;
      font-size: 2vh;
      text-align: center;
      font-weight: bold;
      margin: 0.5vh;
    }

    .content tr th:first-child {
      width: 31%;
    }

    .positive {
      color: #38a169;
    }

    .negative {
      color: #e53e3e;
    }
  }